<template>
  <el-table :data="list" class="tableContainer">
    <el-table-column prop="applyStatus" label="审核状态"></el-table-column>
    <el-table-column prop="contact" label="联系人"></el-table-column>
    <el-table-column prop="deliveryAddress" label="发货地址"></el-table-column>
    <el-table-column prop="signDate" label="签订时间"></el-table-column>
  </el-table>
</template>

<script>
import { getSaleContractList } from '@/api_zc/scm/sale-management/sale-contract'
export default {
  mounted () {
    this.getSaleContractList()
  },
  data () {
    return {
      list: []
    }
  },
  methods: {
    async getSaleContractList () {
      const { data: { content } } = await getSaleContractList({ page: 1, limit: 999 })
      this.list = content
      this.list.push(content[1])
      this.list.push(content[1])
      this.list.push(content[1])
      this.list.push(content[1])
      this.list.push(content[1])
    },
    mounted () {
      //  获取表格体
      let t = document.getElementsByClassName('el-table__body-wrapper')
      setTimeout(() => {
        t[0].style.transition = 'all .5s'
        t[0].style.marginTop = '48px'
      }, 500)
      setTimeout(() => {
        //  加入数据
        t[0].style.transition = 'all 0s ease 0s'
        t[0].style.marginTop = '0'
      }, 1000)
    },
  }
}
</script>

<style lang="scss">
.tableContainer {
  height: 100px;
}
</style>